<!DOCTYPE html>
<html>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>员工</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/semantic/semantic.min.css}"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
</head>
<body>
<body class="layui-layout-body">
<script>
    //JavaScript代码区域
    function load(view) {
        layui.use(['element'], function () {
            let $ = layui.jquery;
            $(".layui-body").load("/staff/" + view);
        });
        return false;
    }
</script>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">员工信息</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a >
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    [[${session.user.staffName}]]
                </a>
            </li>
            <li class="layui-nav-item"><a th:href="@{/login/logout}">退出</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" style="margin-top: 20px">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" onclick="load('projectOfStaff')">项目信息</a>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" onclick="load('optionOfStaff')">意见信息</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            主题
        </div>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © leiyao2021@163.com
    </div>
</div>
<script type="text/javascript" th:src="@{/js/jquery-3.4.1.min.js}"></script>
<script type="text/javascript" th:src="@{/semantic/semantic.min.js}"></script>
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/js/upload.js}"></script>
<script>
    $(function (){
        load('projectOfStaff')
    })
</script>
</body>
</html>
